<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/app.css" />
		<link rel="stylesheet" type="text/css" href="../css/register.css" />
		<style>
			/*弹框*/
			
			div.alert {
				position: fixed;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				z-index: 998;
				background-color: rgba(0, 0, 0, .3);
			}
			
			.alert .mui-icon-left-nav {
				color: /app640000;
				font-size: 2rem;
				position: absolute;
				top: 3%;
				left: 15px;
			}
			
			.alert-info {
				width: 100%;
				margin: auto;
				padding: 20px 15px;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate3d(-50%, -50%, 0);
				-webkit-transform: translate3d(-50%, -50%, 0);
			}
			
			.info {
				width: 95%;
				height: 85%;
				background: /appfff;
				margin: 0 auto;
				border-radius: 3px;
				overflow: auto;
				padding: 0;
			}
			
			.info p {
				font-size: 1rem;
				color: /app666666;
				text-align: center;
				margin-top: 10px;
			}
			
			.info ul {
				list-style: none;
				margin: 0 auto;
			}
			
			.info ul li {
				margin-left: -20px;
			}
			
			.info button {
				width: 80%;
				margin: 15px 0 30px 0;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">注册</h1>
			<span class="mui-pull-right mui-btn-link homebtn">首页</span>
		</header>
		<div class="mui-content">
			<form class="mui-input-group">
				<div class="mui-input-row">
					<label><img src="../images/login_icon_code (3).png"/></label>
					<input type="tel" id='account' placeholder="请输入手机号">
				</div>
				<div class="mui-input-row mui-password">
					<label><img src="../images/login_icon_code (2).png"/></label>
					<input type="password" id='password' class="mui-input-password" placeholder="请输入密码">
				</div>
				<div class="mui-input-row mui-password">
					<label><img src="../images/login_icon_code (2).png"/></label>
					<input type="password" id='repassword' class="mui-input-password" placeholder="请重复输入密码">
				</div>
				<div class="mui-input-row code">
					<label><img src="../images/login_icon_code (1).png"/></label>
					<input type="tel" id='smscode' placeholder="输入验证码">
					<span id="getCode" class="smscode">获取验证码</span>
				</div>
			</form>

			<!--<p class="types">手机号格式错误/账号已存在/密码不一致/验证码错误</p>-->
			<!--橘色状态去掉class notBtn-->
			<button type="button" class="mui-btn mui-btn-yellow mui-btn-block reg">注册</button>
		</div>
		<div class="alert">
			<div class="alert-info">

				<div class="mui-card info">
					<p>相关协议</p>
					<ul>
						<li><b>【审慎阅读】</b>您在申请注册流程中点击同意前，应当认真阅读以下协议。<span>请您务必审慎阅读、充分理解协议中相关条款内容，其中包括：</span></li>
						<li><span>1、与您约定免除或限制责任的条款；</span></li>
						<li><span>2、与您约定法律适用和管辖的条款；</span></li>
						<li><span>3、其他以粗体下划线标识的重要条款。</span></li>
						<li><b>【特别提示】</b>当您按照注册页面提示填写信息、阅读并同意协议且完成全部注册程序后，即表示您已充分阅读、理解并接受协议的全部内容。<span>并且授权平台同步注册中国供销集团农产品（中药材）电子批发市场账户</span>如您因平台服务与火速购发生争议的，适用《火速购平台服务协议》处理。如您在使用平台服务过程中与其他用户发生争议的，依您与其他用户达成的协议处理。</li>
						<li><span>阅读协议的过程中，如果您不同意相关协议或其中任何条款约定，您应立即停止注册程序。</span></li>
						<li class="agree_li ">
							<input name="checkbox1" type="checkbox" checked="checked"> 《
							<a data-href="/app/agreement?key=regContract" class="law">火速购平台服务协议</a>》</li>
						<li class="agree_li "> <input name="checkbox1" type="checkbox" checked="checked">《
							<a data-href="/app/agreement?key=statement" class="law">法律声明及隐私权政策</a>》</li>
						<li class="agree_li "> <input name="checkbox1" type="checkbox" checked="checked">《
							<a data-href="/app/agreement?key=security" class="law">保密及授权协议</a>》</li>
						<li class="agree_li "> <input name="checkbox1" type="checkbox" checked="checked">《
							<a data-href="/app/agreement?key=openAccount" class="law">中国供销集团农产品（中药材）电子批发市场客户开户协议</a>》</li>
					</ul>
					<button type="button" class="mui-btn mui-btn-yellow mui-btn-block agreement">确认</button>
				</div>

			</div>
		</div>
		<script src="../lib/mui.min.js"></script>
		<script type="text/javascript" src="../lib/jquery-1.11.0.js"></script>
		<script type="text/javascript" src="../lib/md5.js"></script>
		<script type="text/javascript" src="../lib/service.js"></script>
		<script type="text/javascript" src="../lib/Verification.js"></script>
		<script type="text/javascript" src="js/register.js"></script>
		<script type="text/javascript">
			mui.init();
			$('.law').bind('tap',function(){
				console.log($(this).attr('href'))
				openurl('../home/agreement.html',JSON.stringify({
					title:$(this).html(),
					url:$(this).attr('data-href')
				}))
			})
		</script>
	</body>

</html>